.headpic{
   height: 90px;
   background: url(../images/商品图片/fd55d82cb7ce3fc3.jpg.webp) no-repeat;
    background-size: cover;
}


nav{
    height: 30px;
    background-color:rgb(244, 244, 244);
    box-sizing: border-box;
    position: relative;
}
nav img{
    height: 20px;
    margin-top: 5px;
}

nav .icon{
float: left;
margin-left: 50px;
height: 30px;
}

nav .lists{
   height: 30px;
   margin-left: 300px;
   line-height: 30px;
 
}

nav .lists li {
    float: left;
}

nav .lists>li:nth-child(odd){
    height: 30px;
}

nav ul li a {
    padding:  0 15px;
    color: #999;
    font-size: 12px;
}

.spacer{
    margin-left: 4px;
    height: 12px;
    border-left: 1px solid #999;
    margin-top: 9px;
}

nav .lists>li:nth-child(11) a{
    color: red !important
}

nav .lists>li:nth-child(3) a{
    color: red !important
}


nav .lists>li:nth-child(1){
    position: relative;
}

nav .lists>li:nth-child(1)::after{
    content: '';
    width: 3px;
    height: 3px;
    border-right:1px solid #999 ;
    border-bottom:1px solid #999 ;
    position: absolute;
    top: 13px;
    right: 5px;
    transform:rotate(45deg);
}

nav .lists>li:nth-child(1):hover::after{
    transform: rotate(225deg);
}






nav .lists>li:nth-child(11){
    position: relative;
}

nav .lists>li:nth-child(11)::after{
    content: '';
    width: 3px;
    height: 3px;
    border-right:1px solid #999 ;
    border-bottom:1px solid #999 ;
    position: absolute;
    top: 13px;
    right: 5px;
    transform:rotate(45deg);
}

nav .lists>li:nth-child(11):hover::after{
    transform: rotate(225deg);
}

nav .lists>li:nth-child(7){
    position: relative;
}

nav .lists>li:nth-child(7)::after{
    content: '';
    width: 3px;
    height: 3px;
    border-right:1px solid #999 ;
    border-bottom:1px solid #999 ;
    position: absolute;
    top: 13px;
    right: 5px;
    transform:rotate(45deg);
}

nav .lists>li:nth-child(7):hover::after{
    transform: rotate(225deg);
}

nav .lists>li:nth-child(13){
    position: relative;
}

nav .lists>li:nth-child(13)::after{
    content: '';
    width: 3px;
    height: 3px;
    border-right:1px solid #999 ;
    border-bottom:1px solid #999 ;
    position: absolute;
    top: 13px;
    right: 5px;
    transform:rotate(45deg);
}

nav .lists>li:nth-child(13):hover::after{
    transform: rotate(225deg);
}

nav .lists>li:nth-child(15){
    position: relative;
}

nav .lists>li:nth-child(15)::after{
    content: '';
    width: 3px;
    height: 3px;
    border-right:1px solid #999 ;
    border-bottom:1px solid #999 ;
    position: absolute;
    top: 13px;
    right: 5px;
    transform:rotate(45deg);
}

nav .lists>li:nth-child(15):hover::after{
    transform: rotate(225deg);
}

nav .lists>li:hover a{
    color:  #e33333
}

nav .city{
    float: left;
    margin-left: 3px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

nav .citys{
    position: absolute;
    width: 310px;
    height: 470px;
  background: #fff;
  border: 1px solid rgb(230, 230, 230);
  border-top:none;
  left: 60px;
  display: none;
  box-shadow: 1px 1px 3px #999;
}

nav .city:hover .citys{
    display: block;
    z-index: 5;
}

nav .citys ul{
    overflow: hidden;
    margin-top: 5px;
    width: 100%;
    border-bottom: 1px dashed rgb(230, 230, 230);
}

nav .citys ul li{
  float: left;
    width: 20%;
    text-align: center;
    font-size: 12px;
    color: #999;
}

nav .citys dl {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size:12px;
    color: #999;
    overflow: hidden;
    border-bottom: 1px dashed rgb(230, 230, 230);
}

nav .citys dt{
    margin-left: 15px;
    margin-bottom: 5px
}

nav .citys dl dd{
    margin-left: 15px;
    width: 45%;
    float: left;
}

nav .citys .global{
    border-bottom: none;
}

nav .citys ul li:hover{
    color:  #e33333;
}

nav .citys dd:hover{
    color: #e33333;
}

nav .citys dt:hover{
    color: #e33333;
}

/* myjd */

.myjd{
    position:absolute;
    width: 271px;
    height: 155px;
    border: 1px solid rgb(230, 230, 230);
    border-top: none;
    left: 613px;
    top:30px;
    display: none;
    box-shadow: 1px 1px 3px #999;
    background-color: #fff;
    z-index: 5;
}
.myjd>ul:nth-child(1){
    overflow: hidden;
    border-bottom: 1px solid rgb(244, 244, 244);
}
.myjd>ul li{ 
    box-sizing: border-box;
    width: 50%;
    color: #999; 
   
}

.qiye{
    position:absolute;
    width: 380px;
    height: 125px;
    border: 1px solid rgb(230, 230, 230);
    border-top: none;
    left: 795px;
    top:30px;
    display: none;
    box-shadow: 1px 1px 3px #999;
    background-color: #fff;
    z-index: 5;
}
.qiye>ul li{
    box-sizing: border-box;
    width: 50%;
    color: #999;
    padding: 0 15px;
}

.server{
    position:absolute;
    width: 200px;
    height: 275px;
    border: 1px solid rgb(230, 230, 230);
    border-top: none;
    left: 795px;
    top:30px;
    display: none;
    box-shadow: 1px 1px 3px #999;
    background-color: #fff;
    z-index: 5;
}
.server dt{
    margin-left: 15px;
    font-size: 12px;
    color: #555;
    font-weight: 550;
}
.server dd a{
    float: left;
    box-sizing: border-box;
    width: 50%;
    color: #999 ;
    padding: 0 15px;
    letter-spacing: .4px;
    font-size: 12px;
}

.guide{
    position:absolute;
    width: 1008px;
    height: 180px;
    border: 1px solid rgb(230, 230, 230);
    left: 60px;
    top:30px;
    border-top:1px none;
    display: none;
    box-shadow: 1px 1px 3px #999;
    background-color: #fff;
     z-index: 5;
}

.guide dl{
    box-sizing: border-box;
    float: left;
    padding: 5px 0px 5px 15px;
    width: 25%;
}

.guide dl dd{
    float: left;
    margin-right: 9px;
}
.guide dt{
    color: #555;
    font-weight: 550;
    font-size: 12px;
}
.guide dl dd a{
    color: #999;
    font-size: 12px;
}

nav .lists>li:nth-child(7):hover ~ .myjd{
    display: block ; 
    z-index: 5;
}
.myjd:hover{
    display: block;
}
.myjd li a:hover{
    color: #e33333;
}

nav .lists>li:nth-child(11):hover ~ .qiye{
    display: block ; 
    z-index: 5;
}
.qiye:hover{
    display: block;
}
.qiye li a:hover{
    color: #e33333;
}

nav .lists>li:nth-child(13):hover ~ .server{
    display: block ; 
    z-index: 5;
}
.server:hover{
    display: block;
}
.server dd a:hover{
    color: #e33333;
}

nav .lists>li:nth-child(15):hover ~ .guide{
    display: block ; 
    z-index: 5;
}
.guide:hover{
    display: block;
}
.guide dd a:hover{
    color: #e33333;
}







/* nav结束 */
/* ------------------------------------------------------------------------------------------- */




































header{
    height: 150px;
    position: relative;
}

.jdpic{
    position: absolute;
    width: 190px;
    height: 120px;
    background-image: url(../images/小图标/sprite.png);
    background-repeat: no-repeat;
    top:15px;
    left: 30px;
}

.search{
    position: absolute;
    box-sizing: border-box;
    width: 580px;
    height: 39px;
    border: 2px solid #e33333;
    left: 257px;
    top: 30px;
}

.search input{
    margin-left: 5px;
    width: 479px;
    height: 34px;
}

.search button{
    height: 33px;
    width: 87px;
}

.search button:hover{
background-color: #ddd;
}

 .extension{
    position:absolute;
    left: 255px;
    top: 75px;
}

.extension a{
    color: #999;
    font-size: 16px;
}

.extension a:hover{
    color: #e33333;
}

.extension :nth-child(1){
    color: #e33333;
}

.shopingcar{
    position: absolute;
    width: 120px;
    height: 38px;
    border: 1px solid rgb(230, 230, 230);
    left: 860px;
    top: 29px;
    text-align: center;
    line-height: 38px;
    color: #e33333;
    box-shadow: 0 0 3px #999;
}

.shopingcar:hover{
    border: 1px solid #555;
}

.extension2{
    position:absolute;
    left: 215px;
    top: 120px;
}

.extension2 a{
    color: #555;
    font-size: 16px;
    padding: 0 10px 0 0;
}

.extension2 a:nth-child(1){
    color: #e33333;
    font-weight: 550;
}
.extension2 a:nth-child(2){
    color: #e33333;
    font-weight: 550;
}

.extension2 a:hover {
    color: #e33333;
}

.extension2 a:nth-child(10)::after{
    position: absolute;
    content: '';
    background-image: url(../images/小图标/00508006988794ff.png);
    width: 35px;
    height: 23px;
    top: -22px;
    right: 1px;
}

.QRcode{
    width: 80px;
    height: 80px;
    background-image: url(../images/小图标/dc4cf353fd96922e.png.webp);
    background-size: 80px 80px;
    position: absolute;
    left: 1088px;
    top: 15px;
}

/* header部分结束 -------------------------------------------------------------------------*/


































.fs{
    margin-top: 10px;
    height: 510px;
    background: rgb(244, 244, 244);
    position: relative;
}

.fs .col_1>div{
   float: left;
    margin-right: 15px;
    margin-top: 15px;
    
}


.fs .col_1 .left{
    width: 190px;
    height: 470px;
    background-color: #fff;
    margin-left: 20px; 
}
.fs .col_1 .left a{
    color: black;
    margin-left: 20px;
    font-size: 14px;
}
.fs .col_1 .left li{
    margin-top: 4px;
}
.fs .col_1 .left a:hover{
    color: #e33333;
}
.fs .col_1 .left li:hover{
    background-color: rgb(217, 217, 217);
}

.fs .col_1 .middle{
    width: 590px;
    height: 470px;
    position: relative;
}

.middle .lefticon,.righticon{
    width: 25px;
    height: 25px;
}
.lefticon{
    background:url(../images/小图标/顶层_共用_轮播图_左箭头_正常.png);
    background-size: 25px 25px;
    position: absolute;
    left: 5px;
    top: 225px;
    z-index: 3;
    cursor: pointer;

}
.righticon{
    background:url(../images/小图标/顶层_共用_轮播图_右箭头_正常.png) ;
    background-size: 25px 25px;
    z-index: 3;
    position:absolute;
    left: 560px;
    top: 225px;
    cursor: pointer;
}



.fs .col_1 .right1{
    width: 190px;
    height: 470px;
}


.fs .col_1 .right2{
    width: 190px;
    height: 470px;
    background-color:#fff;
}


.fs .item{
    position: absolute;
    width: 970px;
    height: 470px;
    border: 1px solid #999;
    box-shadow: 0 0 3px #999;
    z-index: 5;
    top:15px;
    left: 210px;
    background: #fff;
    display: none;
    overflow: hidden;
}
.fs .item:hover{
    display: block;

    
}
.fs .col_1 .left>ul:hover ~ .item{ 
    display: block;
 
} 

.fs .right1>div{
    height: 145px;
    width: 100%;
    margin-bottom: 17px;
}

.fs .right1>div>img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}


.fs .right2{
    padding: 0 5px;
    box-sizing: border-box;
}

.fs .right2>div:nth-child(1){
    width: 100%;
    height: 135px;
    position: relative;
}

.fs .right2 .head{
    position: absolute;
    width: 44px;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 50%;
    top: 15px;
    left: 10px;
    background-image: url(../images/小图标/下载.png);
    background-size: 44px 44px;
    cursor: pointer;
}
.fs .right2 .welcome{
    position: absolute;
    top: 15px;
    left: 65px;
    color: black;
    font-size: 15px;
    margin-top: 5px;
}

.fs .right2 .welcome a{
    color: black;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.fs .right2 .welcome a:hover{
    color: #e33333
}

.twopoint{
    position: absolute;
    left: 12px;
    top: 75px;
    
}

.newpeople,.plus{
    float: left;
    width: 75px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}

.newpeople{
    background-color: #e33333;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
}
.plus{
    background-color: #545452;
    color: rgb(229, 215, 144);
    text-align: center;
    line-height: 40px;
    margin-left: 5px;
}

.twopoint::after{
    content: '';
    display: block;
    width: 150px;
    height: 1px;
    background: linear-gradient(270deg,white,#eeeeee,#eeeeee,white);
    position: absolute;
    top: 50px;
}


.fs .right2>div:nth-child(2){
    width: 100%;
    height: 115px;
}

.fs .right2 .newspaper h4{
    float: left;
    font-size: 14px;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}
.fs .right2 .newspaper h3{
    float: right;
    color: #999;
    font-weight: normal;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    cursor: pointer;
}

.fs .right2 .newspaper div{
    float: left;
    font-size: 14px;
    color: #555;
    cursor: pointer;
}

.fs .right2 .newspaper div::before{
    content: 'HOT';
    display: inline-block;
    width: 35px;
    height: 20px;
    line-height: 20px;
    background-color: rgb(253, 238, 237);
    margin-left: 5px;
    margin-right: 10px;
    text-align: center;
    color: #e33333;
}



.fs .right2>div:nth-child(3){
    width: 100%;
    height: 220px;
 }

 .someicon div{ 
    float: left;
     width: 33.3%;
     height: 24%;
     padding: 6px 10px;
     box-sizing: border-box;
 }

 .someicon div img{
     width: 28px;
     height: 28px;
    
 }
 .someicon a{
     font-size: 12px;
     color: black;
 }

/* fs导购区结束 */
 /* -------------------------------------------- */































 .seckill{
     height: 260px;
     background: rgb(244, 244, 244);
 }
.seckill>div{
    float: left;
}

.seckill .countdown{
    width: 190px;
    height: 100%;
    background:url(../images/小图标/4a15d8883775742e3efbb850ae14def7.png);
    margin-left: 20px;
    padding-top: 20px ;
}
.seckill .countdown h2,h3{
    text-align: center;
    color: #fff;
}

.seckill .countdown h3{
    margin-top: 90px;
}

.countdown .count{
    height: 40px;
    width: 170px;
    margin: 0 auto;
    margin-top: 15px;
  
    
}
.countdown .count span:nth-child(odd){
    display: inline-block;
    width: 40px;
    height: 100%;
    background-color: #2f3430;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.countdown .count span:nth-child(even){
    display: inline-block;
    width: 15px;
    height: 40px;
    font-size: 35px;
    text-align: center;
    color: #fff;
}



.seckill-left{
    width: 800px;
    height: 260px;
    margin-left: 15px;
    background-color: #fff;
    position: relative;
}


.seckill-left img{
    width: 180px;
    height: 180px;
    margin-left: 10px;
    margin-top: 40px;
}

.seckill-left .item1{
    width: 180px;
    height: 180px;
    position:absolute;
    top: 40px;
    left: 0;
}
.seckill-left .item1:hover{
    background-color: rgba(255, 255, 255, 0.3);
}
.seckill-left .item2{
    width: 180px;
    height: 180px;
    position:absolute;
    top: 40px;
    left: 200px;
}
.seckill-left .item2:hover{
    background-color: rgba(255, 255, 255, 0.3);
}
.seckill-left .item3{
    width: 180px;
    height: 180px;
    position:absolute;
    top: 40px;
    left: 400px;
}
.seckill-left .item3:hover{
    background-color: rgba(255, 255, 255, 0.3);
}
.seckill-left .item4{
    width: 180px;
    height: 180px;
    position:absolute;
    top: 40px;
    left: 600px;
}
.seckill-left .item4:hover{
    background-color: rgba(255, 255, 255, 0.3);
}


.seckill-right{
    width: 200px;
    height: 260px;
    background-color: #fff;
   margin-left: 10px;
   padding: 10px;
 
}


.seckill-right-1{
    width: 120px;
    height: 120px;
    background: url(../images/商品图片/碟片.webp);
    background-size: cover;
    margin: 15px auto 0;
}
.seckill-right-1:hover{
    box-shadow: 2px 2px 5px #999;
}

.seckill-right h1,.seckill-right h2{
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #555;
}
.seckill-right h2{
    color: black;
    font-size: 18px;
    font-weight: 550;
}

.seckill-right div:last-child{
    width: 100px;
    height: 34px;
    border: 1px solid #e33333;
    border-radius: 17px;
    margin: 7px auto ;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    line-height: 34px;
     color: #e33333;
}

.seckill-right div:last-child:hover{
    background-color: #e33333;
    color: #fff;
    box-shadow: 5px 5px 10px #999;
}





/* 秒杀结束 */







































/* 每日特价开始 */
.sale{
    height: 340px;
    margin-top: 25px;
    padding: 5px 10px;
}

.sale>div{
    width: 50%;
    height: 100%;
    float: left;
    padding: 15px;
    position: relative;
}
.sale .salelist{
    position:absolute;
    top: 22px;
    left:250px;
}
.sale .salelist li{
    float: left;
    padding: 0 10px;
}

.salelist>li .sale-item{
    width: 490px;
    height: 275px;
    position: absolute;
    top: 33px;
    left: -234px;
}

.sale-item-left{
    width: 270px;
    height: 265px;
    position: absolute;
    top: 5px;
    left: 0px;
    background:linear-gradient(180deg,rgba(188,163,141,.05),rgba(74,55,45,.05));
}

.sale-item-left img{
    width: 70px;
    height: 35px;
    position: absolute;
    top: 20px;
    left: 98px;
    z-index: -1;
}
.sale-item-left p{
    text-align: center;
    margin-top: 60px;
    font-weight: 5500;
}

.sale-item>div:nth-child(2){
    width: 130px;
    height: 130px;
    position: absolute;
    background: url(../images/商品图片/boch2.webp);
    background-size: cover;
    top: 100px;
    left: 70px;
}

.sale-item-right{
    width: 240px;
    height: 270px;
    position: absolute;
    top:px;
    left: 274px;
}
.sale-item-right>div{
    width: 50%;
    height: 33%;
    padding: 10px;
    float: left;
}

.sale-item-right>div img{
    width: 100%;
    height: 100%;
}


/* 每日特价结束 */
































































/* 为你推荐 */

.tuijian{
    margin-top: 15px;
    height: 90px;
    background-color: rgb(244, 244, 244);
}
.tuijian h1{
    height: 90px;
    text-align: center;
    line-height: 90px;
}

.shopping{
    background-color: rgb(244, 244, 244);
    overflow: hidden;
}

.shopping>div{
    float: left;
    width: 230px;
    height: 322px;
    margin: 0 10px 10px;
    background-color: #fff;
    position: relative;
}

.shopping>div img{
    width: 180px;
    height: 180px;
   position: absolute;
   top: 15px;
   left: 25px;
}

.shopping>div>h1{
    position: absolute;
    font-weight: normal;
    font-size: 14px;
    top: 200px;
    left: 25px;


    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.shopping>div>h2{
    position: absolute;
    font-weight: normal;
    font-size: 18px;
    top: 275px;
    left: 25px;
    color: red;
}


.demo{
    width: 200px;
    height: 200px;
    background-color: aqua;
}


.shopping .item:hover{
    box-shadow: 5px 5px 35px rgb(180, 180, 180);
}















/* jd-footer开始 */
.jd-footer {
   
    height: 569px;
    
}
.mod-service{
   
    height: 100px;
    border-bottom: 1px solid #dedede;
   
    overflow: hidden;
}
.cot-txt{
    margin-top: 20px;
   
    height: 80px;
   overflow: hidden;
    
}
.mod-service-list{
    
    
    width: 247px;
    height: 40px;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.list-box{
    float: left;
}
.mod-duo,.mod-kuai,.mod-hao,.mod-sheng{
    float: left;
    text-align: center;
    color: red;
    font-size: 0.83em;
    width: 35px;
    height: 37px;
    margin-right: 10px;
   background-repeat: no-repeat;
   background-size: 113px 113px;
  
}
.mod-duo{
    background: url('../images/小图标/duo.png') no-repeat;
}
.mod-kuai{
    background: url('../images/小图标/kuai.png') no-repeat;
}
.mod-hao{
    background: url('../images/小图标/hao.png') no-repeat;
}
.mod-sheng{
    background: url('../images/小图标/duo.png');
}
.item-cot{
    float: left;
    width: 247px;
    height: 60px;
}

.item-cot:first-child{
    margin-left: 100px
}

.mod-txt{
 
    line-height: 40px;
    font-size: 18px;
    color: #444;
    font-weight: 700px;

}
.mod-nav{
    height: 220px;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
   
}
.mod-nav-list{
    height: 200px;
    
    margin-top: 30px;
}
.mod-nav-s{
    height: 200px;
   
}
.mod-nav-item-list{
    float: left;
    width: 170px;
    height: 170px;
    margin-top: 15px;
    margin-left: 30px;
    
}
.mod-nav-item-list h5{
    margin-bottom: 5px;
    font-size: 14px;
    color: #666;
}
.mod-nav-item-list ul li a{
    font-size: 12px;
    color: #666;
   
}
.mod-nav-item-list p{
    font-size: 12px;
    color: #666;
}
.mod-nav-item-list span{
    display: block;
    float: right;
}
.mod-nav-item-list span a{
    font-size: 12px;
    color: #666;

}
.mod-nav-item-list span a:hover{
    color: red;
}
.mod-nav-item-list ul li a:hover{
    color: red;
}
.mod-nav-item-list span .demo{
   
   
    width: 3px;
    height: 3px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    position: absolute;
    top: 13px;
    right: 5px;
    
}

footer{
    height: 230px;
  
    overflow: hidden;
}
.mod-copyright{
    height: 240px;
    margin-top: 15px;
  
}
.mod-copyright-txt span{
    font-size: 12px;
}
.mod-copyright p a{
    color: #666;
    font-size: 12px;
    text-align: center;
    margin-left: 12px;
}
.mod-copyright p span{
    color: #666;
    margin-left: 8px;
}
.mod-copyright p a:hover{
    color: red;
}
.mod-copyright-cot{
    height: 160px;
    
}
.mod-copyright-txt{
    text-align: center;
    height: 80px;
   
}
.mod-copyright-cut-logo{
    text-align: center;

}
.mod-copyright-cut-logo img{
    margin-top: 6px;
    width: 20px;
    height: 15px;
}
.mod-copyright-cut-logo a{
    margin-left: 5px;
}
.mod-copyright-sli{
    text-align: center;
}
.mod-copyright-sli span{
    font-size: 12px;

}
.copyright{
    width: 300px;
    margin: 0 auto;
    font-size: 12px;
    color: #555;
    margin-top: 30px;
}
/* 底部结束 */

























.recomment {
	height: 260px;
	margin-top: 20px;
}
.recom-l {
	float: left;
	width: 190px;
	height: 100%;
	background: url(../images/商品图片/recomment.png) no-repeat;
    margin-left: 20px;
   margin-right: 30px;
}
.recom-r {
	float: left;
	width: 990px;
	height: 100%;
	margin-left: 10px;
	overflow: hidden;
	background-color: #fff;
}
.recom-r:hover ul {
	animation-play-state: paused;
}
.recom-r ul {
	width: 200%;
	animation: moving 8s linear infinite;
}
@keyframes moving {
	from {
		transform: translateX(0);
	} to {
		transform: translateX(-990px);
	}
}
.recom-r li {
	float: left;
	width: 150px;
	height: 181px;
	margin: 20px 15px 0 0;
}
.recom-r li:nth-child(2n) {
	margin: 50px 15px 0 0;
}
.box-hd {
	height: 30px;
	border-bottom: 2px solid #f10215;
	margin-top: 25px;
}
.box-hd h3 {
	float: left;
	font-size: 18px;
	color: #f10215;
}
.tab-list {
	float: right;
	line-height: 30px;
}
.tab-list li {
	float: left;
	font-size: 14px;
	color: #ccc;
}
.tab-list  li a {
	margin: 0 15px;
}
.box-bd {
	height: 360px;
}
.box-bd li {
	overflow: hidden;
}
.box-bd img {
	transition: all .2s;
}
.box-bd img:hover {
	margin-left: 5px;
}
.w199 {
	width: 199px;
	background-color: #f9f9f9;
}
.w329 {
	width: 329px;
}
.w219 {
	width: 219px;
	border-right: 1px solid #ccc;
}
.w220 {
	width: 220px;
	border-right: 1px solid #ccc;
}
.tab-con li {
	height: 360px;
	float: left
}
.tab-con-item {
	border-bottom: 1px solid #ccc;
}
.tab-con-list {
	overflow: hidden;
	margin-bottom: 15px;
}
.tab-con-list li {
	width: 86px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	text-align: center;
}
.fixedtool {
	position: fixed;
	top: 260px;
	right: 47%;  /* 先走浏览器宽度的一半 */
	margin-right: -657px;  /* 再走版心的一半加自己本身宽度再加2px空白 1190/2+66+2 */
	width: 60px;
}
.fixedtool li {
	height: 60px;
	width: 60px;
	padding: 11px 16px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff;
}

.fixedtool ul .current {
	background-color: #f10215;
	color: #fff;
	transition: all .2s;
}


































.recom-r li:nth-child(2n) {
	margin: 50px 15px 0 0;
}
.box-hd {
	height: 30px;
	border-bottom: 2px solid #f10215;
	margin-top: 25px;
}
.box-hd h3 {
	float: left;
	font-size: 18px;
	color: #f10215;
}
.tab-list {
	float: right;
	line-height: 30px;
}
.tab-list li {
	float: left;
	font-size: 14px;
	color: #ccc;
}
.tab-list  li a {
	margin: 0 15px;
}
.box-bd {
	height: 360px;
}
.box-bd li {
	overflow: hidden;
}
.box-bd img {
	transition: all .2s;
}
.box-bd img:hover {
	margin-left: 5px;
}
.w199 {
	width: 199px;
	background-color: #f9f9f9;
}
.w329 {
	width: 329px;
}
.w219 {
	width: 219px;
	border-right: 1px solid #ccc;
}
.w220 {
	width: 220px;
	border-right: 1px solid #ccc;
}
.tab-con li {
	height: 360px;
	float: left
}
.tab-con-item {
	border-bottom: 1px solid #ccc;
}
.tab-con-list {
	overflow: hidden;
	margin-bottom: 15px;
}
.tab-con-list li {
	width: 86px;
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	text-align: center;
}
.fixedtool {
	position: fixed;
	top: 190px;
	right: 47%;  /* 先走浏览器宽度的一半 */
	margin-right: -657px;  /* 再走版心的一半加自己本身宽度再加2px空白 1190/2+66+2 */
	width: 60px;
}
.fixedtool li {
	height: 60px;
	width: 60px;
	padding: 11px 16px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	background-color: #fff;
}
.fixedtool li:first-child {
	color: #e1251b;
}
.fixedtool ul .current {
	background-color: #f10215;
	color: #fff;
	transition: all .2s;
}
@media only screen and (min-width: 500px) {
	.mr-g,
	.zhai,
	.recom-l p,
	.m-copyright,
	.commonNav {
		display: none;
	}
}
@media only screen and (max-width: 323px) {
	.w {
		width: 304px;
		overflow: hidden;
	}
	.grid,
	.countdown-bd .kuan,
	.recom-r li:nth-child(5n),
	.recom-r li:nth-child(6n),
	.tab-list,
	.tab-con-list,
	.fixedtool,
	footer {
		display: none;
	}
	.countdown {
		height: 320px;
		width: 304px;
	}
	.countdown-hd {
		width: 304px;
		height: 240px;
		background: url(../images/m-skill.png) no-repeat;
		background-size: 304px;
		text-align: center;
	}
	.countdown-hd h3 {
		margin-top: 20px;
		width: 304px;
	}
	.recomment {
		height: 180px;
	}
	.hd_countdown {
		margin-top: 100px;
	}
	.countdown-bd {
		width: 304px;
		height: 80px;
	}
	.countdown-bd ul {
		display: flex;
		height: 80px;
	}
	.countdown-bd li {
		margin: auto;
		flex: 1;
		height: 80px;
	}
	.countdown-bd li:nth-child(4) {
		border-right: 0;
	}
	.recom-l {
		width: 260px;
		height: 60px;
		background: url(../images/recomment.png) 0 -170px no-repeat;
		background-size: cover;
	}
	.recom-l p {
		text-align: center;
		line-height: 60px;
		font-size: 24px;
		font-weight: 700;
		color: #fff;
	}
	.recom-r {
		width: 304px;
		margin-top: 30px;
		height: 80px;
	}
	.recom-r ul {
		width: 200%;
	}
	@keyframes moving {
		from {
			transform: translateX(0);
		} to {
			transform: translateX(-304px);
		}
	}
	.recom-r li {
		float: left;
		width: 76px;
		height: 76px;
		margin: 0;
	}
	.recom-r li img {
		width: 76px;
		height: 76px;
	}
	.recom-r li:nth-child(2n) {
		margin: 0;
	}
	.tab-con li {
		overflow: hidden;
	}
	.w329 {
		width: 304px;
	}

	
	.home_electric
	 {
		overflow: hidden;
	}
	.m-copyright p {
		text-align: center;
		font-size: 12px;
		color: #333;
	}
	.commonNav {
		width: 304px;
		position: fixed;
    	left: 0;
    	bottom: 0;
		z-index: 999;
		background-color: #fff;
		box-shadow: 0 0 10px 0 hsla(0, 6%, 58%, .6)
	}
	.commonNav ul {
		display: flex;
	}
	.commonNav li {
		float: left;
		flex: 1;
	}
}



.tab-con-list li a:hover{
    color:#e33333
}















































.content {
	position: absolute;
	width: 1000px;
	height: 480px;
	top: 0;
	left: 185px;
	border: 1px solid #f7f7f7;
	background-color: #fff;
	z-index: 999;
	box-shadow: 2px 0 5px rgba(0, 0, 0, .3);
	display: none;
}





.channel {
	height: 24px;
	padding-left: 20px;
	padding-top: 20px;
	
	margin-bottom: 20px;
}
.channel a {
	display: block;
	padding-left: 10px;
	padding-right: 13px;
	height: 24px;
	line-height: 24px;
	float: left;
	margin: 0 5px;
}
.channel a:hover {
	background-color: #c81623;
	color: #fff;
}
.cate_detail {
	padding: 10px 17px 0 20px;
	overflow: hidden;
}
.cate_detail dl {
	display: block;
}
.cate_detail dt {
	width: 97px;
	float: left;
	padding-right: 6px;
	text-align: right;
}
.cate_detail dt a {
	color: #333;
	font-weight: 700;
	font-size: 12px;
}
.item>div{
    overflow: hidden;
}
.cate_detail div {
	width: 699px;
	overflow: hidden;
}
.cate_detail dd {
    width: 120px;
	float: left;
	margin: 0 7px;
	height: 22px;
}
.cate_detail dd a {
	color: #666;
	font-size: 12px;
}



